<script setup>
import { ref,getCurrentInstance, onMounted } from 'vue';
import * as PIXI from 'pixi.js';

const { proxy } = getCurrentInstance();
// 在组件挂载后，初始化PIXI应用程序
const app = new PIXI.Application({
    view: proxy.$refs.canvasContainer,
    // 设置宽度和高度等配置选项
    width: 800,
    height: 600,
    // 可以根据需要添加其他配置选项
});

// 在这里可以编写使用PIXI创建游戏或动画的代码
// 例如创建精灵、动画等


onMounted(() => {
    // 在这里可以执行其他操作，比如初始化其他组件或插件
    // 渲染场景
    app.ticker.add(() => {
        // 在这里编写渲染逻辑
    });
})
</script>
<template>
    <div class="dflex-c">
        <h1>Pixi项目测试</h1>
    </div>
    <div>
        <div ref="canvasContainer" style="height: 700px;"></div>
    </div>
</template>
<style scoped lang="less"></style>